﻿@{
    ViewBag.Title = "" + FOResource.UI.Layout.lblInternetBanking + "";
    ViewBag.Description = "VnBankNet giúp bạn tìm ra dịch vụ internet banking tốt nhất.";
    Layout = "~/Views/Shared/_SUBLayout1.cshtml";
    var InternetBanking = (List<FOModels.InternetBanking.InternetBankingModels>)ViewBag.InternetBanking;
    var ProDes = (FOModels.Product.ProductModels)ViewBag.ProDes;
}

<style type="text/css">
    #vn-box {
        margin-left: 20px;
    }
</style>
<script type="text/javascript">

    function number_format(number, decimals, dec_point, thousands_sep) {

        var n = number, c = isNaN(decimals = Math.abs(decimals)) ? 2 : decimals;
        var d = dec_point == undefined ? "," : dec_point;
        var t = thousands_sep == undefined ? "." : thousands_sep, s = n < 0 ? "-" : "";
        var i = parseInt(n = Math.abs(+n || 0).toFixed(c)) + "", j = (j = i.length) > 3 ? j % 3 : 0;

        return s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : "");
    }
    var lang = $("#CurrentLangCode").html();
    if (lang == 'vi-VN') {
        $.tablesorter.addParser({
            // set a unique id 
            id: 'numeric',
            is: function (s) {
                // return false so this parser is not auto detected 
                return false;
            },
            format: function (s) {
                // format your data for normalization
                if (s.replace(".", "").replace(".", "") > 0)
                    return s = s.replace(".", "").replace(".", "");
                else
                    return s = 0;
            },
            // set type, either numeric or text 
            type: 'numeric'
        });
    }
    else {
        $.tablesorter.addParser({
            // set a unique id 
            id: 'numeric',
            is: function (s) {
                // return false so this parser is not auto detected 
                return false;
            },
            format: function (s) {
                // format your data for normalization 
                if (s.replace(",", "").replace(",", "") > 0)
                    return s = s.replace(",", "").replace(",", "");
                else
                    return s = 0;

            },
            // set type, either numeric or text 
            type: 'numeric'
        });
    }
    $(function () {
        $("#product-table").tablesorter({ headers: { 3: { sorter: 'numeric' }, 5: { sorter: false }, 1: { sorter: false }, 2: { sorter: false } }, widthFixed: true, widgets: ['zebra'] });
    });
    $(".a-popup").fancybox({
        wrapCSS: 'fancybox-custom',
        openEffect: 'fade',
        closeEffect: 'fade',
        helpers: {
            title: {
                type: 'float'
            }
        }
    });
</script>
<div id="v3HomeBody">
    <div class="bread_crumb">
        <ul>
            <li><a href="/" class="bread_arrow" title="@FOResource.UI.Layout.lblhome">@FOResource.UI.Layout.lblhome</a></li>
            <li><a href="@Url.Action("Index", "InternetBanking")" class="bread_arrow" title="@FOResource.UI.Layout.lblInternetBanking">@FOResource.UI.Layout.lblInternetBanking</a></li>
            <li class="lastli"><a href="@Url.Action("Index", "InternetBanking")" class="bold" title="@FOResource.UI.Product.Deposit.selectpro">@FOResource.UI.Product.Deposit.selectpro</a></li>
        </ul>
    </div>
    <!--Close Bread crumb-->

    <!--Open Top Slider-->
    <div class="top_slider" id="afocus">
        <ol class="top_bar">
            <li style="width: 164px;"><a href="@Url.Action("Index", "InternetBanking")" class="active" id="show_div"><span style="left: -13px;">@FOResource.UI.Layout.lblchoose</span></a> </li>
            <li style="width: 164px;"><a class="bar_2"><span style="left: -13px;">@FOResource.UI.Layout.lblinfo</span></a></li>
            <li style="width: 60px;"><a class="bar_3"><span style="left: -13px;">@FOResource.UI.Layout.lblcontract</span></a></li>
        </ol>
        <span class="h1replace">@FOResource.UI.Layout.lblsologanInternetBanking</span>

    </div>
    <div class="clear"></div>
    <div id="ads-box-eb">
       @Html.Action("AdsInternetBankingLeft","Ads")
         @Html.Action("AdsInternetBankingRight","Ads")
        
    </div>
</div>
<div class="clear"></div>
<table class="product-table" id="product-table">
    <thead>
        <tr>
            <th style="width: 25%;">@FOResource.UI.Product.Card.lblbank</th>
            <th style="width: 21%;">@FOResource.UI.Product.Card.lblbenefit</th>
            <th style="width: 21%;">@FOResource.UI.Product.Card.lblfeatures</th>
            <th style="width: 10%;">@FOResource.UI.Product.Card.cosperyear</th>
            <th style="width: 12%;">@FOResource.UI.Layout.saveup</th>
            <th style="width: 13%;">@FOResource.UI.Product.Card.lblapply1</th>
        </tr>
    </thead>

    @if (InternetBanking.Count > 0)
    {
        foreach (var cre in InternetBanking)
        {
        <tr>
            <td class="td-bank-saving">
                <a title="@FOResource.UI.Layout.viewdetail" href="@Url.Action("Detail", "InternetBanking", new { CompanyName = FO.Models.Conver.ConvertToUnSign(cre.CompanyName).ToLower(), InternetBankingName = FO.Models.Conver.ConvertToUnSign(cre.InternetBankingName).ToLower(), InternetBankingID = cre.InternetBankingID })">
                    <img alt="@cre.InternetBankingName" src="@Url.Content("~/Content/UpLoad/Images/" + @cre.CompanyImg + "")" /></a>
                <p class="bank-title"><a title="@FOResource.UI.Layout.viewprobyprovider - @cre.CompanyName" href="@Url.Action("InternetBankingsByProvider", "InternetBanking", new { CompanyName = FO.Models.Conver.ConvertToUnSign(cre.CompanyName).ToLower(), CompanyID = cre.CompanyID })">@cre.CompanyName</a> @cre.InternetBankingName</p>

            </td>
            <td>
                <div class="item-list">
                    @Html.Raw(@cre.BenefitContent)
                </div>
            </td>
            <td>
                <div class="item-list">
                    @Html.Raw(@cre.FurtureContent)
                </div>
            </td>
            <td class="td-bank">
                @if (cre.Cost > 0)
                {
                    <p id="test" class="highlight-blue text-p">@String.Format("{0:0,0}", cre.Cost)</p>
                       
                }
                else
                {
                    <p class="highlight-blue text-p">-</p>
                }
            </td>
            <td class="td-bank">
                @if (cre.Interest > 0)
                {
                    <p class="highlight-blue text-p">@cre.Interest.ToString().Replace(".", "" + FOResource.UI.Layout.currency1 + "") %</p>
                }
                else
                {
                    <p class="highlight-blue text-p">-</p>
                }
            </td>
            <td class="td-btn">
                @Html.ActionLink("" + FOResource.UI.Product.Card.lblapply + "", "InternetBankingInfo", "InternetBanking", new { InternetBankingID = cre.InternetBankingID }, new { @class = "btn-app", rel = "" + cre.InternetBankingID + "" })
                <a href="#@FO.Models.Conver.ConvertToUnSign(cre.InternetBankingName).ToLower()-@cre.InternetBankingID" class="more-link" onclick="return viewmore(this)" title="@FOResource.UI.Layout.moreinfo">@FOResource.UI.Layout.moreinfo</a>
            </td>

        </tr>
              
        <tr id="@FO.Models.Conver.ConvertToUnSign(cre.InternetBankingName).ToLower()-@cre.InternetBankingID" class="more-info" style="display:none;">
            <td colspan="6">
                <div class="more-info-top">
                    <div class="more-info-wrapper">
                        <h4>@FOResource.UI.Product.Card.lblbenefit &amp; @FOResource.UI.Product.Card.lblfeatures</h4>
                        <div class="item-list">
                            @Html.Raw(cre.MoreBenefit)
                        </div>
                    </div>
                    <div class="more-info-wrapper">
                        <h4>@FOResource.UI.Layout.fee</h4>
                        <div class="item-list">
                            @Html.Raw(cre.MoreFee)
                        </div>

                    </div>
                    <div class="more-info-wrapper">
                        <h4>@FOResource.UI.Layout.Conditionsforcardissuing</h4>
                        <div class="item-list">
                            @Html.Raw(cre.MoreInfo)

                        </div>
                    </div>
                </div>
            </td>
        </tr>

        }
    }

</table>

<!--Close Form Info-->
<div class="bot-main">
    <div class="bottom_tabbed" style="float: left; width: 960px; margin-bottom: 30px;">
        <div class="bottom_center">
            @Html.Raw(ProDes.Description)
        </div>
        <div class="clr"></div>
        <p id="vnquestion-fb">@FOResource.UI.Layout.cmt</p>
        <div style="float: left;">

            <div class="clr"></div>
            <div id="fb-root"></div>
            <div class="fb-comments" data-href="@Request.Url.AbsoluteUri" data-width="645" style="margin-right:10px;"></div>
        </div>

        <div style="float: left;">

            <div id="vnbanknet-facebook" style="margin: 0;">
                <div class="fb-like-box" data-href="http://facebook.com/vnbanknet" data-width="300" data-height="270" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div>
            </div>
        </div>

    </div>

    <div class="clr"></div>
</div>
</div>
